Constraint翻譯過後就是約束

要找到編輯app介面就尋找左方紅色框內資料夾
activity_main 就是 MainActivity對應的Layout
以下我介紹的都會在activity_main教學

先將按鈕拿至app可視化界面上

跳出紅色驚嘆號問題
這個問題主要是述說沒有水平和垂直的約束所產生
接著我們只需要將畫面上所操作的將Button按鈕上方和左方白點連接到整個畫面的top_parent . left_parent

左方紅色框為增加約束後產生

將按鈕的上下左右約束到整個app的parent邊界
右方紅色框內,按鈕周圍的藍色點,代表已經約束對象

除了約束parent父容器以外,還有其他元件可以約束

在圖中可以注意到,右方按鈕的左邊約束對象,就是左方按鈕的Id

在官方文件中還有以下約束方式可以參考

• layout_constraintLeft_toLeftOf
• layout_constraintLeft_toRightOf
• layout_constraintRight_toLeftOf
• layout_constraintRight_toRightOf
• layout_constraintTop_toTopOf
• layout_constraintTop_toBottomOf
• layout_constraintBottom_toTopOf
• layout_constraintBottom_toBottomOf
• layout_constraintBaseline_toBaselineOf
• layout_constraintStart_toEndOf
• layout_constraintStart_toStartOf
• layout_constraintEnd_toStartOf
• layout_constraintEnd_toEndOf

重要的邊距設定

• android:layout_marginStart
• android:layout_marginEnd
• android:layout_marginLeft
• android:layout_marginTop
• android:layout_marginRight
• android:layout_marginBottom

邊距設定example

讓Right按鈕對右方Parent約束距離100dp

以上就是畫面編排的基本運用 如果對於Constraint Layout

想要有更多了解可以點進官方連結

官方文件連結